<html>
<head>
  <link rel="stylesheet" type="text/css" href="new.css" />
</head>
  <body id="background">
<div id="container">
   <div id="logoandtext">
      <div id="logo"><img src="timg.jpg"></img></div>
      <div id="text">AJ shoes</div>
	  <div id="useforsearch"><a href="search.html">search</a></div>
   </div>
<div id="menu">
  <div class="box"><a href="login.html">Log in</a></div>
  <div class="box1"><a href="sign-up.html">Sign up</a></div>
  <div class="box1"><a href="index.html">Homepage</a></div>
  <div class="box1"><a href="description.html">Description</a></div>
  <div class="box2"><a href="contact.html">Contact us</a></div>
</div>
<div id="product">
   <div class="detail">
      <a href="file:///C:/Users/user/Desktop/workshop/description.html"><img src="aj1.jpg"></img></a>
	  <div class="font">AJ 1</div>
    </div>
   <div class="detail">
      <img src="aj2.jpg"></img>
	  <div class="font">AJ 2</div>
   </div>
   <div class="detail">
      <img src="aj3.jpg"></img>
	  <div class="font">AJ 3</div>
   </div>
   <div class="detail">
      <img src="aj4.jpg"></img>
	  <div class="font">AJ 4</div>
   </div>
   <div class="detail">
      <img src="aj5.jpg"></img>
	  <div class="font">AJ 5</div>
   </div>
   <div class="detail">
      <img src="aj6.jpg"></img>
	  <div class="font">AJ 6</div>
   </div>
   <div class="detail">
      <img src="aj7.jpg"></img>
	  <div class="font">AJ 7</div>
   </div>
   <div class="detail">
      <img src="aj8.jpg"></img>
	  <div class="font">AJ 8</div>
   </div>
</div>
<div id="contact">
    <h1>contact us if have any question</h1>
</div>
</div>
  </body>
</html>